<script setup>
import { RouterLink, RouterView } from "vue-router";
</script>

<template>
  <div class="main">
    <header>
      <div class="wrapper">
        <!-- <div class="info">
        <span>服务热线:
          <a href="#">123456789</a>
        </span>
        <span>投诉邮箱:
          <a href="#">123456789</a>
        </span>
      </div> -->
        <!-- <nav>
          <RouterLink to="/">首页</RouterLink>
          <RouterLink to="/about">贷款服务</RouterLink>
        </nav> -->
      </div>
    </header>
    <RouterView />
  </div>
</template>

<style scoped>
.main{
  height: 100%;
  display: flex;
  flex-direction: column;
}
header {
  width: 100%;
  box-sizing: border-box;
}
.wrapper .info {
  display: flex;
  justify-content: space-around;
}
nav {
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  background-color: red;
  display: flex;
  justify-content: space-around;
}
a {
  text-decoration: none;
  font-size: 1.375rem;
  color: white;
}
</style>
